<template>
	<div class="ListContainer">
		<div @click="closeSharePage" class="closeList">
			<svg
				t="1667566365652"
				class="icon"
				viewBox="0 0 1024 1024"
				version="1.1"
				xmlns="http://www.w3.org/2000/svg"
				p-id="9895"
				width="25"
				height="25">
				<path
					d="M548.992 503.744L885.44 167.328a31.968 31.968 0 1 0-45.248-45.248L503.744 458.496 167.328 122.08a31.968 31.968 0 1 0-45.248 45.248l336.416 336.416L122.08 840.16a31.968 31.968 0 1 0 45.248 45.248l336.416-336.416L840.16 885.44a31.968 31.968 0 1 0 45.248-45.248L548.992 503.744z"
					p-id="9896"
					fill="#707070"></path>
			</svg>
		</div>
		<h2>关于Aloha 2048</h2>
		<p>Aloha 2048是一款由华科同学开发的趣味游戏</p>
		<p>还支持和小伙伴联机哦~</p>

		<p>分享我们吧：</p>
		<p>http://43.138.47.105/index.html#/homepage</p>
	</div>
</template>

<script>
	export default {
		data() {
			return {};
		},
		props: {
			closeSharePage: Function,
		},
		methods: {
			backHome() {
				this.$router.push({
					name: 'homepage',
				});
			},
		},
		mounted() {},
	};
	// console.log(JSON.parse(localStorage.getItem('gameState')).score);
</script>

<style scoped>
	.ListContainer {
		position: absolute;
		top: 140px;
		height: 300px;
		width: 600px;
		background-color: rgb(255, 244, 231);
		display: flex;
		flex-direction: column;
		left: calc(50% - 250px);
		padding-top: 10px;
		/* padding-left: 80px; */
		border-radius: 10px;
		z-index: 1000;
	}
	.closeList {
		position: absolute;
		right: 10px;
		cursor: pointer;
	}
</style>
